page {
 	width: 100%;
 	height: 100% !important;
 }
.container{
		display: flex;
		flex-direction: column;
		overflow: hidden;
		flex: 1;		
		
		.search_input_box{
			 display:flex;
			 margin:20rpx 40rpx;
			 border:none;
			 border-bottom: 4rpx solid #777777;  
		}
		
		.search_cache_box{
			display: flex;
			 flex-direction: column;
			 margin-left: 20rpx;
			 margin-right: 20rpx;
			 padding-top: 30rpx;
			 padding-bottom: 30rpx;
			 padding-left: 20rpx;
			 padding-right: 20rpx;
			 
			 background-color: #f9f9f9;
			 min-height: 100rpx;	
			 border-radius: 15rpx;
			 .search_icon{
				 display:flex;
				padding:6rpx 15rpx;
				 justify-content: end;
				 margin-bottom: 10rpx;
			 }
			 .search_cache_title_box{
				 display: flex;
				 flex:1;
				 height: auto;
				 margin-left: 10rpx;
				 margin-right: 10rpx;
				 justify-content: space-between;
				 .search_cache_title{
					 color: #303030; 
					 font-size:30rpx;
					 font-weight: 600;
					 
				 }
				 .search_cache_clear{
					 color: #919094; 
					 font-size:26rpx;
					 padding: 10rpx;
					 
				 }
				 
			 }
			 .search_cache_tag_box{
				 margin-top: 20rpx;
				 display: flex;
				 flex: 1;
				 flex-direction: row;
			      flex-wrap: wrap;
				 
				 
				 .search_tag{
					// height: 40rpx;
					 font-size: 24rpx;
					 color: #313033;
					 background-color: #eeeeee;
					  border-radius: 30rpx;
					  padding: 10rpx 25rpx;
					  display: flex;
					  margin: 10rpx;
					  justify-content: center;
					  align-items: center;
					  flex-direction: row;					 
				 }
				 
			 }
			
		}
		
		 .list_cont {
		 	padding: 20rpx;
		 	flex: 1;
		 	position: relative;
		 	.scroll_view {
		 		//margin-bottom: 50rpx;
		 		padding-bottom: 40rpx;
		 		position: absolute;
		 		left: 0;
		 		right: 0;
		 		top: 1;
		 		bottom: 0;
		 				.item_content{
		 					 padding-left: 30rpx;
		 					 padding-right: 30rpx;
		 					 .item_card{
		 						 display: flex;
		 						  align-items: center;
		 						   background-color: #f9f9f9;
		 						   .item_card_box{
		 							   flex: 1;
		 							   margin: 30rpx;
		 							   .item_card_title{
										  
		 								   font-size: 28rpx;font-weight: 800; color: #303030;
		 							   }
		 							   .item_card_author{
										    margin-top: 3rpx;
		 								    margin-left: -10rpx;
		 							   		 font-size: 24rpx; color: #5f5e62;
		 							   }
		 							   .item_card_text{
		 								    margin-top: 15rpx;
		 									overflow: hidden; 
		 									-webkit-line-clamp: 1;
		 									text-overflow: ellipsis; 
		 									display: -webkit-box; 
		 									-webkit-box-orient: vertical; 
		 								    font-size: 24rpx; color: #5f5e62;
		 									margin-right: 20rpx;
		 							   }
		 							  
		 							   
		 						   }
		 						   .item_arrow{
		 							   width: 17rpx;
		 							   height: 30rpx;
		 						   }
		 						 
		 					 }
		 					
		 				}
		 	 
		 	}
		 
		 
		 }
		
	}


 